.ItemAside {
  -webkit-app-region: drag; // 设置可拖动
  position: absolute;
  left: 0;
  width: 20vw;
  height: 100%;

  .asideMenu {
    background: rgba(255, 255, 255, 0);

    span {
      color: white;
      -webkit-app-region: no-drag; // 设置可拖动
    }

    .el-menu-item {
      color: white;
    }

    .el-menu-item:hover {
      animation-name: color-hover;
      animation-duration: 0.4s;
      background: linear-gradient(to right, rgba(193, 64, 213, 0.8), rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0));
    }

    .el-menu-item.is-active {
      animation-name: color-active;
      animation-duration: 0.3s;
      background: linear-gradient(to right, rgba(0, 217, 255, 0.8), rgba(0, 255, 178, 0.2), rgba(0, 217, 255, 0));
    }
  }
}

@keyframes color-hover {
  from {
    left: -20px;
  }
  to {
    left: 0;
  }
}

@keyframes color-active {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}